<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3 增加的选择器</title>
    <style type="text/css">
        h1~ul{border: dashed 1px #e54d26;}
        [title^="attr"]{border:solid 1px;}
        [title$="p"]{font-weight: 900;}
        [title*="sub"]{font-style: italic;}
    </style>
</head>
<body>
<h1>CSS3 增加的选择器</h1>
<ul>
    <li>CSS3 增加的选择器</li>
    <li>CSS3 增加的选择器</li>
</ul>
<p title="attrp">CSS3 增加的选择器</p>
<p title="attrp">CSS3 增加的选择器</p>
<p title="subp1">CSS3 增加的选择器</p>
<p title="subp2">CSS3 增加的选择器</p>
<ul>
    <li>CSS3 增加的选择器</li>
    <li>CSS3 增加的选择器</li>
</ul>
<p>CSS属性选择器</p>
</body>
</html>